
.container{
    width: 1000px;
    margin:0 auto;
    padding: 0px;
}
.current-location{
   display: flex;
   box-sizing: border-box;
   padding: 20px 0px;
}
.current-location a{
    color: black;
}
.current-location a:hover{
    color: orange;
}
.pet-intro{
    display: flex;
    justify-content: space-between;
}
.pet-img{
width:495px;
height:395px;
}
.pet-img img{
box-sizing: border-box;
width: 100%;
height: 100%;
}
.pet-information >span{
box-sizing: border-box;
background-color:orange ;
padding: 5px 10px;
margin-bottom: 10px;
border-radius: 2px;
}
.pet-information div:nth-child(2){
margin-top: 10px;
padding: 10px 0px;

font-size: 23px;
}
.pet-information div:nth-child(3){
margin-top: 10px;
padding: 10px 0px;

font-size: 15px;
}
.pet-information div:nth-child(4){
margin-top: 10px;
padding: 10px 0px;

font-size: 30px;
font-weight: 600;
color: rgb(198, 35, 35);
}
.pet-information div>ul:nth-child(1){

display: flex;
font-size: 15px;
padding: 10px 0px;
height: 15px;
}
.pet-information div>ul:nth-child(2){

display: flex;
font-size: 15px;
padding: 10px 0px;
height: 15px;
}
.pet-information div>ul>li{
margin-right: 20px;
}
.pet-information div>ul>li:nth-child(1){
padding-top: 3px;
}
.pet-information div>ul>li>img{
 box-sizing: border-box;
 padding-bottom: 5px;
}
.pet-information> ul:nth-child(6){
background-color:gray;
margin-top: 10px;
display: flex;
padding: 20px 0px;
font-size: 15px;
}
.pet-information >ul>li{

margin-right: 10px;
}
.vacc>li>span:nth-child(2){

margin-right: 10px;
font-weight: 600;
font-size: 20px;
}
.pet-btn{
display: flex;
padding: 10px 0px;
}
.pet-btn>li{
margin-right: 5px;
}
.pet-btn>li>button{
font-size: 25px;
padding: 10px 25px;
border-radius: 3px;
}
.pet-btn .btn2{
background-color:rgb(65, 203, 184);
}
.pet-btn .btn1{
background-color:rgb(220, 133, 62);
}
.pet-btn li:nth-child(3) {

display: flex;
flex-direction:column;
justify-content: center;
padding: 0px 5px;
}
.pet-btn li:nth-child(4) {

display: flex;
flex-direction:column;
justify-content: center;
padding: 0px 5px;
}
.pet-btn li img{
margin-bottom: 2px;
}
/* 商家css */
.business-infor{
margin-top: 20px;
background-color: orange;
display: flex;
justify-content: end;
padding: 20px 0px;

}
.bus-content{
background-color: white;
display: flex;
justify-content:space-between;
padding: 20px 0px;
border-radius:10px 0px 0px 10px;
position: relative;
} 
.bus-intro{
display: flex;
margin-right: 150px;
transform: translateX(-40px);
}

.bus-intro div:nth-child(1){
/* background-color:aqua; */
width: 80px;
height: 80px;
}
.bus-intro img{
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 40px;
}
.bus-intro div:nth-child(2){
padding: 5px 0;
}
.bus-intro ul {
display: flex;
padding: 10px 0;
}
.bus-intro ul>li {
margin-right: 5px;
padding: 5px ;

}
.bus-intro ul>li:nth-child(1) {
font-size: 20px;   
}
.bus-intro ul>li:nth-child(2) span{
background-color:rgb(78, 224, 129);
padding: 10px ;
border-radius: 3px;  
color: white;
}
.bus-intro ul>li:nth-child(3) span{
background-color:rgb(235, 11, 41);
padding: 10px ;
border-radius: 3px;
color: white;
}
.bus-intro ul>li:nth-child(4) span{
background-color:rgb(208, 99, 59);
padding: 10px ;
border-radius: 3px;
color: white;
}
.bus-jump{
display: flex;
}
.bus-jump >ul{
display: flex;
align-items: center;
margin-right: 10px;
}
.bus-jump >ul>li{
margin-right: 10px;
}
.bus-jump >div>a{
background-color: orange;
color: black;
padding: 5px;
border-radius:2px
}
.bus-jump >div>img{
width: 80px;
height: 80px;
}
/* 宠物详情页 */
.pet-bread-zong{
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.breed-first{
margin-bottom: 20px;
}
.breed-first>span:nth-child(1){
display: block;
font-size: 25px;
margin-bottom: 10px;
}
.breed-first>span:nth-child(2){
display: block;
width: 100px;
height: 5px;
background-color:orange;
}
.breed-now{
display: flex;
background-color: #fffbe9;
padding: 30px;
justify-content: space-between;
}
.petbreed-img{
margin-right: 10px;
}
.petbreed-img>div{
width: 220px;  
height: 220px;

}
.petbreed-img img{
width: 100%;  
height: 100%;


}
.petbreed-img span{
font-size: 30px;
font-weight: 600;
display: block;
text-align: center;
margin-top: 70px;
}
.ul-breed{
display: flex;
justify-content: space-between;
}
.ul-first{
margin-right: 20px;
}
.ul-first>ul{

margin-bottom: 20px;
}
.ul-second>ul{

margin-bottom: 48px;
}
.ul-first>ul>li{
margin-bottom: 10px;
font-size: 15px;
color:rgb(107, 103, 103);
}
.ul-second>ul>li{
margin-bottom: 10px;
font-size: 15px;
color:rgb(107, 103, 103);
}
.ul-first>ul>li>span{ 
font-size: 14px;
color: black;
}
.ul-second>ul>li>span{
font-size: 14px;
color: black;
}
.ul-first>div>ul{
margin-bottom: 10px;
}
.ul-second>div>ul{
margin-bottom: 10px;
}
.ul-first>div>ul>li{
margin-right: 10px;
}
.ul-second>div>ul>li{
margin-right: 10px;
}
.ul-first>div>ul>li:nth-child(1){

color:rgb(107, 103, 103);
padding-top: 5px ;
}
.ul-second>div>ul>li:nth-child(1){

color:rgb(107, 103, 103);
padding-top: 5px ;
}
.other-first{
width: 200px;
margin-bottom: 20px;
}
.other-second{
width: 200px;
}
.other-first>ul>li:nth-child(1){
width: 100%;
height:100%;
}
.other-first>ul>li>img{
width: 100%;
height: 100%;
margin-bottom:10px;
}

.other-second>ul>li:nth-child(1){
width: 100%;
height: 100%;
}
.other-second>ul>li>img{
width: 100%;
height: 100%;
margin-bottom:10px;
}
.other-first>ul>li:nth-child(2){
margin-bottom:10px;
}
.other-first>ul>li:nth-child(3){
margin-bottom:10px;
}
.other-first>ul>li:nth-child(2) span{
font-size: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
color:rgb(107, 103, 103);
}
.other-first>ul>li:nth-child(3) span{
display: block;
color:rgb(107, 103, 103);
}
.other-first>ul>li:nth-child(4) span{
display: block;
font-size: 30px;
font-weight: 600;
color:rgb(205, 34, 34);
}
.other-second>ul>li:nth-child(2){
margin-bottom:10px;
}
.other-second>ul>li:nth-child(3){
margin-bottom:10px;
}
.other-second>ul>li:nth-child(2) span{
font-size: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
color:rgb(107, 103, 103);
}
.other-second>ul>li:nth-child(3) span{
display: block;
color:rgb(107, 103, 103);
}
.other-second>ul>li:nth-child(4) span{
display: block;
font-size: 30px;
font-weight: 600;
color:rgb(205, 34, 34);
}
/* 警告栏 */
.pet-warn{
display: flex;
background-color:rgb(234, 85, 75);
padding: 20px;
border-radius: 5px;
margin-top: 10px;
}
.pet-warn-img>div{
margin-bottom: 5px;
padding-top: 5px;
}
.pet-warn-img>span{
color: white;
}
.pet-warn>span{
display: block;
width: 1px;
height: 50px;
background-color: white;
margin-left: 20px;
margin-right: 20px;
}
.pet-warn-content{
display: flex;
flex-direction: column;
padding-top: 5px;
}
.pet-warn-content>span{
color:white;
}
.pet-warn-content>span:nth-child(1){
margin-bottom: 10px;
}
/* 具体情况区域 */
.pet-specific-information{
margin-top: 10px;
}
.pet-specific-information>ul>li{
margin-top: 15px;
}
.pet-specific-information>ul>li>span:nth-child(1){
color:rgb(107, 103, 103);
}
/* 你可能感兴趣 */
.pet-interested{
margin-top: 30px;
}
.pet-interested>div:nth-child(1){
font-size: 30px;
margin-bottom: 30px;
}
.pet-interested>div:nth-child(2){
display: flex;

}
.pet-interested button{
padding: 10px 20px;
margin-right: 10px;
display:block ;
align-items: center;
background-color: #fff;
border: 1px solid gray;
border-radius: 5px;
}